﻿@{
    Layout = null;
}

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta name="viewport" content="width=device-width" />
    <title>通用后台权限管理平台</title>

    @*添加Jquery EasyUI的样式*@

    
    <style>
        #top {
            text-shadow: 3px 3px 3px red,6px 6px 6px black,10px 10px 10px Blue;
            text-align: center;
        }
    </style>
    @*添加Jquery，EasyUI和easyUI的语言包的JS文件*@
    <script src="../../Content/JqueryEasyUI/jquery-1.8.0.min.js"></script>

    <script src="../../Content/js/noContextMenu.js"></script>

    @*执行JavaScript的脚本*@
    <script>
        $(function () {

            //$(".st_tree").SimpleTree({
            //    click: function (a) {
            //        if (!$(a).attr("hasChild")) {
            //            var title = $(a).text();
            //            var url = $(a).attr("rel");
            //            var icon = $(a).attr("icon");
            //            parent.OpenTab(title, url, icon);
            //        }
            //    }
            //});
            /*为选项卡绑定右键*/
            $("#worktab").live('contextmenu', function (e) {

                /* 选中当前触发事件的选项卡 */
                var subtitle = $(this).text();
                $('#worktab').tabs('select', subtitle);

                //显示快捷菜单
                $('#menu').menu('show', {
                    left: e.pageX,
                    top: e.pageY
                });

                return false;
            });
     
            //$.get("outlookmenu.txt", function (data) {
            //    var json = eval(data);
            //    var showlist = $("<div  class='easyui-accordion' data-options='fit:true,border:false'></div>");
            //    showall(json, showlist);
            //    $("#f").append(showlist);

            //});
            ////menu_list为json数据
            ////parent为要组合成html的容器
            //function showall(menu_list, parent) {
            //    for (var menu in menu_list) {
            //        //如果有子节点，则遍历该子节点
            //        if (menu_list[menu].children.length > 0) {
            //            //创建一个子节点li
            //            var li = $("<div title='" + menu_list[menu].text + "' iconcls='icon-edit'   style='padding: 10px; overflow: auto;'></div>");
            //            //将li的文本设置好，并马上添加一个空白的ul子节点，并且将这个li添加到父亲节点中
            //            $(li).append(menu_list[menu].text).append("<p></p>").appendTo(parent);
            //            //将空白的ul作为下一个递归遍历的父亲节点传入
            //            showall(menu_list[menu].children, $(li).children().eq(0));
            //        }
            //            //如果该节点没有子节点，则直接将该节点li以及文本创建好直接添加到父亲节点中
            //        else {
            //            $("<p></p>").append("<a href='javascript:void(0)' src='/UserInfo/Index' class='MenuLink'>" + menu_list[menu].text + "</a>").appendTo(parent);
            //        }
            //    }
            //}

            //读取动态变化的时间
            ReadDateTimeShow();
            //绑定菜单按钮的点击事件
            BindMenuClickEvent();

            //这里实现对时间动态的变化
            var setTimeInterval = setInterval(ReadDateTimeShow, 1000);

            //Tab页签的实现
            $("#worktab").tabs({});
        });








        //绑定菜单按钮的点击事件  MenuLink
        function BindMenuClickEvent() {
            $(".MenuLink").click(function () {
                //获取按钮里面的src属性
                var src = $(this).attr("src");
                //将主框架的iframe跳转到菜单指向的地址
                //$("#frmWorkArea").attr("src", src);

                //得到节点的名字来放去Title
                var title = $(this).text();
                //拼接一个Iframe标签
                var str = '<iframe id="frmWorkArea" width="100%" height="100%" frameborder="0" scrolling="yes" src="' + $(this).attr("src") + '"></iframe>'

                //首先判断用户是否已经单击了此项，如果单击了直接获取焦点，负责打开
                var isExist = $("#worktab").tabs('exists', title);
                if (!isExist) {
                    //添加tab的节点，调用easyUITab标签的方法
                    $("#worktab").tabs('add', {
                        title: title,
                        content: str,
                        iconCls: 'icon-save',
                        closable: true
                    });
                }
                else {
                    //如果存在则获取焦点
                    $("#worktab").tabs('select', title);
                }
            });
        }

        //读取动态变化的时间
        function ReadDateTimeShow() {
            var year = new Date().getFullYear();
            var month = new Date().getMonth() + 1;
            var day = new Date().getDate();
            var time = new Date().toLocaleTimeString();
            var addDate = year + "年" + month + "月" + day + "日,时间:" + time;
            $("#date").text(addDate);
        }
    </script>
    <link href="../../Content/JqueryEasyUI/themes/default/easyui.css" rel="stylesheet" />

    <link href="../../Content/JqueryEasyUI/themes/icon.css" rel="stylesheet" />
    <script src="../../Content/JqueryEasyUI/jquery.easyui.min.js"></script>
    <script src="../../Content/JqueryEasyUI/locale/easyui-lang-zh_CN.js"></script>
    <script src="../../Content/js/tabs.js"></script>
</head>
<body class="easyui-layout">

    @*--------------------------------------网站头部开始（TOP）--------------------------------------*@
    <div data-options="region:'north',border:false,split:true"   style="height: 60px;">
       @* <div class="easyui-layout" data-options="fit:true" style="background: #ccc;">*@
            <div id="top" data-options="region:'center'" style="text-align: center;">
                  <div class="define-head">
            <div class="define-logo">
               <div id="LoginTopLine">通用后台权限管理平台</div>
                <div id="LoginBotoomLine">MVC3+EasyUI</div>
            </div>
            <div class="define-account">
                   
            </div>
        @*</div>*@
                
            </div>
           
        </div>
    </div>
    @*--------------------------------------网站头部结束（TOP）--------------------------------------*@

    @*--------------------------------------网站菜单栏开始（Left）--------------------------------------*@
    <div id="" data-options="region:'west',split:true" title="菜单导航" style="width: 150px; padding: 1px; overflow: hidden;">
        <div class="easyui-accordion" data-options="fit:true,border:false">
            <div title="组织结构" iconcls="icon-edit" data-options="selected:true" style="padding: 10px; overflow: auto;">
                @*------存放菜单项-------*@
                <p><a href="javascript:void(0)" src="../Button/Index" class="MenuLink">用户管理</a></p>
                <p><a href="javascript:void(0)" src="/RoleManagement/Index" class="MenuLink">角色管理</a></p>

                <p><a href="javascript:void(0)" src="../Organization/Index" class="MenuLink">权限组管理</a></p>
            </div>
            <div title="功能管理" iconcls="icon-edit" style="padding: 10px;">
                <p><a href="javascript:void(0)"class="MenuLink">导航管理</a></p>
                <p><a href="javascript:void(0)"class="MenuLink">按钮管理</a></p>
                <p><a href="javascript:void(0)"class="MenuLink">图标管理</a></p>
            </div>
            <div title="功能管理" iconcls="icon-edit" style="padding: 10px;">
                <p><a href="javascript:void(0)"class="MenuLink">导航管理</a></p>
                <p><a href="javascript:void(0)"class="MenuLink">按钮管理</a></p>
                <p><a href="javascript:void(0)"class="MenuLink">图标管理</a></p>
            </div>
            <div title="系统管理" iconcls="icon-edit" style="padding: 10px">

                <p><a href="javascript:void(0)"class="MenuLink">数据字典</a></p>
                <p><a href="javascript:void(0)"class="MenuLink">日志管理</a></p>
                <p><a href="javascript:void(0)"class="MenuLink">系统参数</a></p>
            </div>
            <div title="权限管理" iconcls="icon-edit" style="padding: 10px">

                <p><a href="javascript:void(0)"class="MenuLink">查询权限</a></p>
                <p><a href="javascript:void(0)"class="MenuLink">授权代码</a></p>
                <p><a href="javascript:void(0)"class="MenuLink">菜单权限</a></p>
                <p><a href="javascript:void(0)"class="MenuLink">数据权限</a></p>
                <p><a href="javascript:void(0)"class="MenuLink">字段权限</a></p>
                <p><a href="javascript:void(0)"class="MenuLink">操作权限</a></p>
            </div>
        </div>
    </div>
    @*--------------------------------------网站结束（Left）--------------------------------------*@

    @*--------------------------------------网站中间部分开始（Center） 面包屑--------------------------------------*@
    <div data-options="region:'center'" style="overflow: hidden;">
        <div id="worktab" fit="true">
            <div title="权限网站公告" data-options="cache:false">
                <iframe id="frmWorkArea" width="100%" height="100%" frameborder="0" scrolling="yes" src="~/Welcome.html"></iframe>
            </div>
        </div>
    </div>
    @*--------------------------------------网站中间部分结束（Center）--------------------------------------*@

    @*--------------------------------------网站右边菜单开始（Right）--------------------------------------*@
  @*  <div data-options="region:'east',iconCls:'icon-reload',split:true" title="日历信息" style="width: 235px;">
        <div class="easyui-calendar" style="width: 230px; height: 230px;"></div>
        <div style="width: 230px">苦心人，天不负，卧薪尝胆，百二秦关今属楚</div>
    </div>*@
    @*--------------------------------------网站右边菜单结束（Right）--------------------------------------*@

    @*--------------------------------------网站头部开始（Foot）--------------------------------------*@
    <div data-options="region:'south',split:true"   style="height: 60px; background: #efefef;">
        <div class="easyui-layout" data-options="fit:true" style="background: #ccc;">
            <div data-options="region:'center'" style="text-align: center; padding: 10px;">版权所有： @@czc&&2013-2030 </div>
        </div>
    </div>
    @*--------------------------------------网站头部结束（Foot）--------------------------------------*@
    
<div id="menu" class="easyui-menu" style="width:150px;">
    <div id="m-refresh">刷新</div>
   
    <div id="m-closeall">全部关闭</div>
    <div id="m-closeother">除此之外全部关闭</div>
    
    <div id="m-close">关闭</div>
</div>
</body>
</html>
